<html style="font-size: 100px;"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-select:0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
    <link rel="stylesheet" href="css/style.css?1">
    <title></title>
    <script>
        (function(win, doc) {
            var UA = navigator.userAgent,
                isAndroid = /android|adr/gi.test(UA),
                isIos = /iphone|ipod|ipad/gi.test(UA) && !isAndroid;
            var docEl = doc.documentElement;
            var refreshRem = function() {
                    var w = docEl.getBoundingClientRect().width || 320;
                    var fs = w / 375 * 50;
                    fs = fs > 100 ? 100 : fs;
                    docEl.style.fontSize = fs + 'px';
                },
                refreshRemId;
            win.addEventListener('resize', function() {
                clearTimeout(refreshRemId);
                refreshRemId = setTimeout(refreshRem, 100);
            }, false);
            win.addEventListener('pageshow', function(e) {
                if(e.persisted) {
                    clearTimeout(refreshRemId);
                    refreshRemId = setTimeout(refreshRem, 100);
                }
            }, false);
            refreshRem();
        })(window, document);
    </script>
</head>
<body>
<div class="V-section" id="js-section">
    <div class="V-page index">
        <canvas id="starry" width="1907" height="432"></canvas>
        <div class="V-leaf one">
            <div class="M-leaf one">
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
            </div>
        </div>
        <div class="V-leaf two">
            <div class="M-leaf two">
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
            </div>
        </div>
        <div class="V-leaf three">
            <div class="M-leaf three">
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
            </div>
        </div>
        <div class="V-leaf one rt">
            <div class="M-leaf one">
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
            </div>
        </div>
        <div class="V-leaf two rt">
            <div class="M-leaf two">
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
            </div>
        </div>
        <div class="V-leaf three rt">
            <div class="M-leaf three">
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
                <div class="piece"></div>
            </div>
        </div>

        <div class="round">
            <div class="back"></div>
            <span class="btn"></span>
        </div>
    </div>
</div>
<script src="js/starry.js"></script>
<script>

</script>


</body>
</html>